<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游资讯首页</title>
    <link rel="stylesheet" href="./style/travel-info.css">
</head>
<body>
    <div class="container">
        <!-- head部分 -->
        <div class="grid grid-cell head">
            <div class="esc"> <a href="./index.html"><img src="./imgs/查看更多@3x.png" alt=""></a></div>
            <div class="head-text">旅游资讯</div>
            <div class="share"> <a href=""><img src="./imgs/分享-黑.png" alt=""></a></div>
        </div>

        <!-- 资讯 -->
        <div class="info">
            <div class="info-1">

                <img src="./imgs/环球港.webp" alt="">
                <div class="word">
                    <a href="./资讯详情.html">

                    <p>盐城大洋湾风景区游客人数突破20万人！</p>
                    <p>2019.01.02&nbsp;13:30</p>
                </div>
            </a>
            </div>
            <div class="info-2">
                <img src="./imgs/嬉戏谷.webp" alt="">
                <div class="word">
                    <p>小学生参观盐城历史纪念馆</p>
                    <p>2019.01.02&nbsp;13:30</p>
                </div>
            </div>
            <div class="info-3">
                <img src="./imgs/天宁寺.webp" alt="">
                <div class="word">
                    <p>盐城金鹰海洋馆新年免费对8岁以下儿童开放</p>
                    <p>2019.01.02&nbsp;13:30</p>
                </div>
            </div>
            <div class="info-4">
                <img src="./imgs/天目湖.webp" alt="">
                <div class="word">
                    <p>家家都有道硬菜！你家的新年硬菜是什么呢？</p>
                    <p>2019.01.02&nbsp;13:30</p>
                </div>
            </div>
            <div class="info-5">
                <img src="./imgs/恐龙园.webp" alt="">
                <div class="word">
                    <p>盐城阜宁大糕，全国同行销售量第一！</p>
                    <p>2019.01.02&nbsp;13:30</p>
                </div>
            </div>
            <div class="info-6">
                <img src="./imgs/淹城.webp" alt="">
                <div class="word">
                    <p>年夜饭要提前预定哦！盐城酒店家家爆满！</p>
                    <p>2019.01.02&nbsp;13:30</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>